<template>
    <div ref="echart"></div>
</template>

<script>
import * as echarts from 'echarts'
export default {
    props: {
        isAxisChart: {
            type: Boolean,
            default: true
        },
        chartData: {
            type: Object,
            default() {
                return {
                    xData: [],
                    series
                }
            }
        }
    },
    data() {
        return {
            axisOption: {
                legend: {
                    data: ['新增用户', '活跃用户'],
                    textStyle: {
                        color: '#333',
                    },
                },
                grid: {
                    left: '20%'
                },
                tooltip: {
                    trigger: 'axis'
                },
                xAxis: {
                    type: "category",
                    data: [],
                    axisLine: {
                        lineStyle: {
                            color: "#17b3a3"
                        }
                    },
                    axisLabel: {
                        interval: 0,
                        color: "#333"
                    }
                },
                yAxis: {
                    type: "value",
                    color: ["#2ec7c9", "#b6a2de"],
                },
                series: [],
                axisLine: {
                    lineStyle: {
                        color: "#17b3a3"
                    }
                },
            },
            normalOption:{
                tooltip:''
            }
        }
    },
    computed: {
        // Options() {
            // return this.isAxisChart ? this.
        // }
    }
}
</script>

<style>
</style>